<template>
  <Panel title="公司信息" :class="[$style.panel,cname]">
     <ul :class="$style.content">
            <li>
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t2842/350/3035567089/14791/5f6ff93d/577cf395N31e76288.png?width=1125&height=252" alt="">
            </li>
            <li>
                <div>
                    <img src="//img12.360buyimg.com/jrpmobile/jfs/t2971/333/1297567079/898/f2d2e00d/577dc28dNe5138337.png?width=108&height=108" alt="">
                    <p>客户端</p>
                </div>
                <div>
                    <img src="//img12.360buyimg.com/jrpmobile/jfs/t2824/256/2966087355/831/188bfa25/577cf3dcN18aadbf2.png?width=108&height=108" alt="">
                    <p>触屏版</p>
                </div>
                <div>
                    <img src="//img12.360buyimg.com/jrpmobile/jfs/t2920/282/1283157010/1040/23f1430b/577cf3e5N53f740b8.png?width=108&height=108" alt="">
                    <p>电脑版</p>
                </div>
            </li>
            <li>Copyright © 2004-2017 京东JD.com 版权所有</li>
            <li>投资有风险，购买需谨慎</li>
            <li>京东金融平台服务协议</li>
            <li>京东金融隐私政策</li>
      </ul>
    </Panel>
</template>
    
<script>
import Panel from "../core/panel.vue";

export default {
  components: {
    Panel
  },
  props: {
    cname: {
      type: String,
      default: ""
    }
  }
};
</script>

<style lang="scss" module>
@import "../../css/element.scss";
.panel {
  @include panel;
  margin-bottom: 100px;
  & > h4 {
    display: none;
  }
  .content {
    @include flex;

    background: #f5f5f5;

    li {
      width: 100%;

      text-align: center;

      color: #999;

      font-size: 24px;

      > img {
        width: 100%;

        height: 143px;
      }

      &:nth-child(2) {
        @include flex(row);

        height: 186px;

        box-sizing: border-box;

        > div {
          width: 33.3333%;

          text-align: center;

          box-sizing: border-box;

          padding-top: 20px;

          img {
            width: 90px;

            height: 90px;
          }

          p {
            font-size: 26px;

            text-align: center;

            display: block;

            color: #999;

            margin-top: 12px;

            white-space: nowrap;

            text-overflow: ellipsis;

            overflow: hidden;
          }
        }
      }

      &:nth-child(n + 3) {
        padding: 24px 0;

        height: 38px;

        line-height: 38px;

        border-top: 1px solid #ddd;
      }
    }
  }
}
</style>
